}

      }

    }

​

​

    private _initFromOpenDatabase(openDatabase, forceLoadFromDom: boolean, pathElements: { [name: string]: HTMLScriptElement; }) {

      var dbName = this.handler.uniqueKey ? this.handler.uniqueKey : getUniqueKey();

​

      var detectIndexedDB = new teapo.storage.attached.indexedDB.DetectStorage();

      detectIndexedDB.detectStorageAsync(dbName, (errorIndexedDB, load) => {

        if (errorIndexedDB) {

          var detectWebSQL = new teapo.storage.attached.webSQL.DetectStorage();

          detectWebSQL.detectStorageAsync(dbName, (errorWebSQL, load) => {

            if (errorWebSQL) {

              alert(

                'Persistent storage is not stable\n'+

                'indexedDB ' + errorIndexedDB + '\n' +

                'webSQL ' + errorWebSQL);

              return;

            }

​

            this._initWithStorage(load, forceLoadFromDom, pathElements);

          });

          return;

        }

        this._initWithStorage(load, forceLoadFromDom, pathElements);

      });

​

      var db = openDatabase(dbName, 1, null, 1024 * 1024 * 5);

​

      this._executeSql = (

        sqlStatement: string,

        args: any[],

        callback: (transaction: SQLTransaction, result: SQLResultSet) => void,

        errorCallback: (transaction: SQLTransaction, error: SQLError) => void) => {

​

        var errorCallbackSafe = (t: SQLTransaction, e: SQLError) => {

          alert(e + ' ' + e.message + '\n' + sqlStatement + '\n' + args);

          errorCallback(t, e);

        };

​

        db.transaction((t) => t.executeSql(sqlStatement, args, callback, errorCallbackSafe));

      };

      this._insertMetadataSql = 'INSERT INTO "*metadata" (name, value) VALUES(?,?)';

      this._updateMetadataSql = 'UPDATE "*metadata" SET value=? WHERE name=?';

​

      this._metadataProperties = {};

      this._loadTableListFromWebsql((tableList) => {

        this._initWithTableList(tableList, forceLoadFromDom, pathElements);

      });

    }

​

    private _initWithStorage(load: teapo.storage.attached.LoadStorage, forceLoadFromDom: boolean, pathElements: { [name: string]: HTMLScriptElement; }) {

      var domEdited = this._metadataElement ?

        safeParseInt(this._metadataElement.getAttribute('edited')) :

        null;

​

      if (domEdited || 0 < load.editedUTC || 0) {

        console.log('DOM is younger, need to call load.load', domEdited, load.editedUTC);

      else {

        console.log('DOM is older, need to call load.migrate', domEdited, load.editedUTC);

      }

    }

​

    private _initWithTableList(tableList: string[], forceLoadFromDom: boolean, pathElements: { [name: string]: HTMLScriptElement; }) { 

      var metadataTableExists = false;

      for (var i = 0; i < tableList.length; i++) {

        if (tableList[i] === '*metadata') {

          metadataTableExists = true;

          break;

        }

      }

      if (!metadataTableExists || forceLoadFromDom) {

        this._loadInitialStateFromDom(pathElements);

        return;

      }

​

      var domEdited = this._metadataElement ?

        safeParseInt(this._metadataElement.getAttribute('edited')) :

        null;

​